﻿@model Bongiozzo.Controllers.HomeViewBag
@{
    ViewBag.Title = @Resources.Resources.Title;
}
@section Header
{
    <meta property="fb:app_id" content="@Model.fb_app_id"/>
    <meta property="og:title" content="@Resources.Resources.Title" />
    <meta property="og:site_name" content="@Resources.Resources.Title" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="@Model.SiteUrl" />
    <meta property="og:image" content="@Model.SiteUrl/content/img/bong200.jpg" />

    <style type="text/css">
        header, footer, nav, section { display: block; }
        hr { border:0; background-color: #bbbbbb; color: #bbbbbb; height: 1px;  }
        img { border: none; }
        #content { min-width:1070px; position: absolute; top: 0; left: 0;  margin: 0; border: 0; padding: 20px; width: auto;}
        #languageSwitch { position: absolute; top: 15px; right: 10px;  }
        #projects { position: relative; top:-30px; padding: 7px; margin-right:270px; }
        #timeline { background: #111; position:relative; top:-30px; padding: 10px 25px; margin-top: 0; float: right; width: 200px;}
        .project {  }
        .project_photo { width: 640px; position: relative; }
        .project_photos { width: 675px; margin-top: 33px;}
        .project_small_photo { margin-right: 33px; position: relative; display:inline; }
        .project_description { text-align: justify; text-justify: inter-word; margin-bottom: 50px; width: 640px;}
        /*  a span.fullscreen { background: url('/content/img/fullscreen.png') no-repeat; width:16px; height: 16px; position: absolute; right:10px; bottom:12px; z-index: 100; opacity: 0; }  */
        /*  a:hover span.fullscreen { opacity: 0.8; } */
        img.flow-img { display: block; margin: 0 auto 30px;}
        img.movie-thumb { display: block;  margin: 0 auto 30px; width: 100px; }
        .flow-actions { text-align: center; margin-bottom: 50px; }
        .tweet-content { font-size: 0.8em; margin-bottom: 10px; font-weight: normal;  }      
        .tweet-actions { font-size: 0.6em; margin-right: 10px; margin-bottom: 30px; }      
        h1 { font-size: 3em; }     
        h2 { font-size: 2em; }
        h3 { font-size: 2em; }

        .gr_grid_container { /* customize grid container div here. eg: width: 500px; */ } 
        .gr_grid_book_container { /* customize book cover container div here */ 
           width: 100px; 
           margin: 0 auto 30px;
           padding: 0px 0px;
           overflow: hidden; 
        }
    </style>
}

    <div id="content">
        <div id="timeline">
            <div id="languageSwitch">
                @if (Model.Language == "ru") { 
                <a href="@Url.Action("setLanguage", new { id = "en", controller = "Home" })">EN</a>
                } else { 
                <a href="@Url.Action("setLanguage", new { id = "ru", controller = "Home" })">RU</a>
                }
            </div>
            <h1>@Resources.Resources.Flow</h1>
            <div id="lastphotos">
                <h3>@Resources.Resources.Photos</h3>
                @Html.Action("GetLastPhotos", "Home", new {  language = Model.Language })
                <p class="flow-actions">
                <a href="http://www.flickr.com/photos/@Model.UserName/">Flickr</a> |
                <a href="http://feeds.feedburner.com/BongiozzoPhotoStream">RSS</a>
                </p>
            </div>
            <div id="twitter">
                <h3>@Resources.Resources.Tweets</h3>
                @Html.Action("GetTweets", "Home")
                <p class="flow-actions">
                <a href="https://twitter.com/@Model.UserName" >@Resources.Resources.FollowTwitter Twitter</a>
                </p>
            </div>
            <h3>@Resources.Resources.Books</h3>
            <div id="gr_grid_widget_1336884768">
                <div class="gr_grid_container">
                <noscript><br/>Share <a href="http://www.goodreads.com">book reviews</a> and ratings with Sergey, and even join a <a href="http://www.goodreads.com/group/">book club</a> on Goodreads.</noscript>
                </div>
            </div>
            <script src="http://www.goodreads.com/review/grid_widget/7298897.Sergey's%20bookshelf:%20read?cover_size=medium&hide_link=true&hide_title=true&num_books=5&order=d&shelf=read&sort=date_read&widget_id=1336884768" type="text/javascript" charset="utf-8"></script>
            <p class="flow-actions">
                <a href="http://www.goodreads.com/user/show/7298897-sergey">Goodreads</a>
            </p>
            <div id="movies">
                <h3>@Resources.Resources.Movies</h3>
                @Html.Action("GetMovies", "Home")
                <p class="flow-actions">
                <a href="http://www.kinopoisk.ru/level/79/user/@Model.KinopoiskUserID/votes/">Kinopoisk</a>
                </p>
            </div>
            <h3>@Resources.Resources.Music</h3>
            <div><div id="zunecard_small" class="zunecard"></div>
            <div><embed type="application/x-shockwave-flash" src="http://zcards.zune.net/xweb/lx/swf/zunecardmedium.swf" style="" id="flashUserCard" name="flashUserCard" bgcolor="#FFF" wmode="opaque" salign="tl" flashvars="baseURL=http%3a%2f%2fzcards.zune.net%2fzcard%2fusercardservice.ashx%3flcid%3d1033%26src%3dexternal%26zunetag%3dbongiozzo" height="107" width="200"></div><div></div></div>
            <p class="flow-actions">
            <a href="http://social.zune.net/member/@Model.UserName">Zune</a>
            </p>
        </div>
        <div id="projects">
            <h1>@Resources.Resources.Header</h1>
            @Html.Action("GetProjects", "Home", new { language = Model.Language })
            <h2>@Resources.Resources.Productivity</h2>
            @if (Model.Language == "ru") {
            <p class="project_description">
                "Продуктивность - это не столько про управление временем, сколько про образ мышления"
                - <a href="http://lifehacker.com/5910083/productivity-is-less-about-time-management-than-it-is-about-mind-management">абсолютно верное замечение</a>. 
                Когда ты постоянно ищешь пути, как делать привычные вещи более эффективно - это становится привычкой.
                Когда ты получаешь за это деньги - это становится замечательной работой :)<br>
                <br/>
                Вы найдете огромное количество полезных советов по улучшению эффективности повседневных задач на сайте <a href="http://lifehacker.com/">Lifehacker</a>, 
                а для упрощения задач на работе, возможно, вам пригодятся идеи, которые я собираю на сайте 
                <a href="http://www.ms-mf.ru/Pages/ForBusiness.aspx">Решения Microsoft для Машиностроения и Металлургии</a>.

            </p>
            } else {
            <p class="project_description">
                "Productivity isn't about time management, it's more about mind management" 
                - <a href="http://lifehacker.com/5910083/productivity-is-less-about-time-management-than-it-is-about-mind-management">completely true quote</a>. 
                When you are permenently searching for ways to do things more efficient it becomes a habbit.
                When you receive money for your improvements it becomes great job :)<br/>
                <br/>
                You will find tons of useful tips to improve productivity for common tasks on 
                <a href="http://lifehacker.com/">Lifehacker</a>, but for your tasks at 
                work you can find some useful ideas on <a href="http://www.ms-mf.ru/Pages/ForBusiness.aspx">my site about Producitivity</a> where I collect 
                scenarios for intellectual workers in metallurgy and manufacturing industry.
            </p>
            }
            <h2>@Resources.Resources.About</h2>
            @if (Model.Language == "ru") {
            <p class="project_description">
                Как вы уже знаете, меня зовут Сергей Поляков.<br/>
                <br/>
                У меня не очень получаются пространные речи и тексты (предпочитаю действовать) и я считаю, что о человеке 
                лучше расскажут его работы (фотографии в моем случае), прочитанные книги, оцененные фильмы и любимая музыка.<br/>
                <br/>
                Так сложилось, что моя работа всегда была одним из увлечений, которое я не отделял от 
                личной жизни. Поэтому фотографии тут представлены наряду с идеями по повышению эффективности
                 предприятий, а сам фотосайт сделан на бета версиях Microsoft технологий, располагается
                 в <a href="https://www.windowsazure.com">облаке Azure</a> и использует API соц сетей&nbsp;:)<br/>
                <br/>
                Кстати, вы можете скачать исходники моего сайта <a href="http://bongiozzo.codeplex.com">здесь</a> и использовать их для своего портфолио.<br/>
                <br/>
                Связаться со мной можно любым из перечисленных ниже способов. До встречи!
            </p>
            } else {
            <p class="project_description">
                As you already know, my name is Sergey Polyakov.<br/>
                <br/>
                I actually don't like talk much (prefer to act) and I believe that art works (photo projects in my case), 
                read books, scored movies and favorite music can speak about person better.<br/>
                <br/>
                I've never ever separated my work from my personal life so my job is much like a just another hobby - 
                you can see my photos along with ideas for increasing efficiency at work, and this photosite was made 
                using Microsoft beta software, it's hosted in <a href="https://www.windowsazure.com">Windows Azure</a> 
                and works on top of social media using API&nbsp;:)<br/>
                <br/>
                Btw, you can download sources of my website <a href="http://bongiozzo.codeplex.com">here</a> and customize it for yourself.<br/>
                <br/>
                You can reach me by any following ways. See you soon!
            </p>
            }
            <div>
                <p>
                <a href="mailto:@Model.Email">@Model.Email</a> |
                <a href="https://twitter.com/@Model.UserName">Twitter</a> |
                <a href="http://www.flickr.com/photos/@Model.UserName/">Flickr</a> |
                <a href="http://500px.com/@Model.UserName/">500px</a> |
                <a href="https://www.facebook.com/@Model.UserName">Facebook</a> |
                <a href="http://linkedin.com/in/beerbong">LinkedIn</a>
                </p>
                <div class="fb-like" data-href="@Model.SiteUrl" data-send="false" data-width="250" data-show-faces="true" data-colorscheme="dark"></div>
            </div>
        </div>
    </div>
